<template>
  <div class="stats-chart-empty"> 
    <img :src="noDataImage" />
    <h3><slot></slot></h3>
  </div>
</template>

<script>
import { getOssUrl } from '@src/util/assets'
const noDataImage = getOssUrl('/no_data.png')
export default {
  name: "stats-chart-empty",
  data(){
    return {
      noDataImage,
    }
  }
}
</script>

<style lang="scss">
.stats-chart-empty{
  position: absolute;
  width: 200px;
  text-align: center;
  top: 120px;
  left: 50%;
  margin-left: -100px; 

  img{
    display: block;
    margin: 0 auto;
    width: 160px;
  }

  h3{
    font-size: $font-size-base;
    margin: 8px 0;
    font-weight: 500;
    color: $text-color-regular;
  }
}
</style>

